<!--作者:于大明-->
<template>
	<view class="order-item">
		<uni-list-item direction="row" :clickable="false" :show-arrow="false"
			:to="`/pages/_common/productDetail/productDetail?id=${inputItem.productGUID}`">
			<!-- :to="`/pages/_common/djVideo/djVideo?viedeoCollectionGUID=${inputItem.id}`" -->
			<!-- 通过v-slot:header插槽定义列表左侧的图片显示，其他内容通过List组件内置属性实现-->
			<template v-slot:header>
				<!-- <text class="text-index">1️⃣2️⃣</text> -->
				<!-- 当前判断长度只为简单判断类型，实际业务中，根据逻辑直接渲染即可 -->
				<!-- https://ext.dcloud.net.cn/plugin?id=10748 -->
				<trigger-lazyLoad imageModel="scaleToFill" height="150rpx" width="200rpx" :src="inputItem.productUrl"
					class="image-1" :loadSrc="$cw.ImgLoadingUrl" />
			</template>

			<template v-slot:body>
				<view class="uni-list-item__content">
					<text class="uni-list-item__content-title" v-html="inputItem.productName">
					</text>
					<view class="uni-list-item__content-note" style="word-wrap:break-word">
						订单号:{{inputItem.id}}<text class="uni-tag-primary ml-1"  @tap.stop="$util.copyText(inputItem.id)">复制</text >
					</view>
					<view class="uni-list-item__content-note" style="word-wrap:break-word" v-if="inputItem.productOrderRemark">
						备注:{{inputItem.productOrderRemark}}
					</view>
					<view class="uni-list-item__content-note">
						{{inputItem.createTime}}
					</view>
					<view class="text-right">
						
						<button size="mini" @tap.stop="updateMBOrder('cancle')"
							v-show="inputItem.productOrderType==10" class="mr-2" >取消</button>
							
						<button size="mini" @tap.stop="updateMBOrder('pay')"
								v-show="inputItem.productOrderType==10" type="primary">支付</button>
							
						<button type="warn" @tap.stop="updateMBOrder('success')" size="mini"
							v-show="inputItem.productOrderType==20">设置完成</button>
							
						<button size="mini" v-show="inputItem.productOrderType==20" class="ml-2" @tap.stop="$cw.goKf()">联系客服</button>
					</view>
				</view>
			</template>

			<template v-slot:footer>
				<text class="font-24 text-price text-warning">
					{{inputItem.productOrderPrice}}
				</text>

			</template>

		</uni-list-item>
	</view>
</template>

<script src="./order-item.js"></script>

<style lang="less" scoped>
	@import url('order-item.less');
</style>